<form>
  <mat-card>
    <mat-card-header>
      <mat-card-title>注册:</mat-card-title>
    </mat-card-header>

    <mat-card-content>

      <mat-form-field class="full-width">
        <input matInput placeholder="您的Email" value="">
      </mat-form-field>

      <mat-form-field class="full-width">
        <input matInput placeholder="您的姓名" value="">
      </mat-form-field>

      <mat-form-field class="full-width">
        <input matInput placeholder="您的password" value="">
      </mat-form-field>

      <mat-form-field class="full-width">
        <input matInput placeholder="重复您的password" value="">
      </mat-form-field>


      <mat-grid-list cols="5" rowHeight="1:1">
        <mat-grid-tile *ngFor="let item of items">
          <mat-icon class="avatar" [svgIcon]='item'></mat-icon>
        </mat-grid-tile>
      </mat-grid-list>

      <button mat-raised-button type="button" color="primary">注册</button>
    </mat-card-content>

    <mat-card-actions class="text-right">
      <p>还没有账户?<a href="">登录</a></p>
      <p>忘记密码?<a href="">找回</a></p>
    </mat-card-actions>
  </mat-card>


</form>
